<template>
  <div>
    <h1>{{ name }}</h1>
    <h1>{{ age }}</h1>
    <button @click="sayHello('sayHello')">sayHello</button>
  </div>
</template>

<script>
import {h} from 'vue'
export default {
  name: "App",
  setup() {
    let name = "JJ";
    let age = 18;

    function sayHello(mes)
    {
      return alert(mes);
    }

    //返回一个对象，常用
    // return {
    //   name,
    //   age,
    //   sayHello
    // };
    //返回一个渲染函数  不常用
    return ()=>h('h1',"hello nihao")
  }
};
</script>

<style>
</style>
